<!DOCTYPE html>
<html>
<!-- Mirrored from www.zi-han.net/theme/hplus/empty_page.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:52 GMT -->

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据推送</title>
    <meta name="keywords" content="第八站,广告分类,后台HTML,响应式后台">
    <meta name="description" content="第八站管理后台">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="libs/layui/css/layui.css">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="libs/page/pager.css">
    <style type="text/css">
    table {
        margin-top: 20px;
    }
    .push-btn {
        padding: 6px;
    }
    .container-fiuled{
        position: relative;
    }
    .select-wrapper{
        position: absolute;
        width: 200px;
        right: 42px;
        top: 16px;
        z-index: 9999;
    }
    </style>
</head>

<body class="gray-bg">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2>数据推送</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="index-2.html">主页</a>
                </li>
                <li>
                    <span>官网WEB</span>
                </li>
                <li>
                    <strong>数据推送</strong>
                </li>
            </ol>
        </div>
        <div class="col-sm-8">
            <div class="title-action">
                <!-- <a href="empty_page.html" class="btn btn-primary">活动区域</a> -->
            </div>
        </div>
    </div>
    <div class="wrapper wrapper-content">
        <div class="ibox float-e-margins">
            <div class="ibox-content container-fiuled">

                <div class="row select-wrapper">
                    <form class="form-horizontal" role="form">
                        <div class="">
                            <select class="form-control" onchange="selectMethod(this.value)">
                                <option value="0">-</option>
                                <option value="1">网站首页</option>
                                <option value="2">网站交易</option>
                                <option value="3">新闻资讯</option>
                            </select>
                        </div>
                    </form>
                </div>


                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">商品推送</li>
                        <li>资讯推送</li>
                    </ul>
                    <div class="layui-tab-content" style="height: 100px;">
                        <!-- 商品列表 -->
                        <div class="layui-tab-item layui-show">
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th width="100px">序号</th>
                                        <th>商品编号</th>
                                        <th>标题</th>
                                        <th>网站缩略图</th>
                                        <th>商品标签</th>
                                        <th>网站域名</th>
                                        <th>出售价格</th>
                                        <th>推送位置</th>
                                        <th>发布时间</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>11619571121231243521</td>
                                        <td>肥仔快乐水</td>
                                        <td>
                                            <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3686821053,1901843431&fm=27&gp=0.jpg" width="50px">
                                        </td>
                                        <td>让你快乐的水</td>
                                        <td>http://www.gujiaowang.com/</td>
                                        <td>2300.00</td>
                                        <td>未推送</td>
                                        <td>2018年4月12日14:43:26</td>
                                        <td>
                                            <button onclick="pushModal()" type="button" class="btn btn-xs btn-success">推送</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>11619571121231243521</td>
                                        <td>肥仔快乐水</td>
                                        <td>
                                            <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2410045890,2232835270&fm=27&gp=0.jpg" width="50px">
                                        </td>
                                        <td>让你快乐的水</td>
                                        <td>http://www.gujiaowang.com/</td>
                                        <td>2300.00</td>
                                        <td>首页</td>
                                        <td>2018年4月12日14:43:26</td>
                                        <td>
                                            <button onclick="pushModal()" type="button" class="btn btn-xs btn-success">推送</button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <dl class=" pull-right">
                                <ul class="pagination" id="page1"></ul>
                            </dl>
                        </div>
                        <!-- 资讯列表 -->
                        <div class="layui-tab-item">
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th width="100px">序号</th>
                                        <th>广告分类</th>
                                        <th>广告标题</th>
                                        <th>BANNER图</th>
                                        <th>跳转地址</th>
                                        <th>推送位置</th>
                                        <th>发布时间</th>
                                        <th>排序</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>首页BANNER</td>
                                        <td>两瓶肥仔快乐水</td>
                                        <td>
                                            <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3686821053,1901843431&fm=27&gp=0.jpg" width="50px">
                                        </td>
                                        <td>https://www.hao123.com</td>
                                        <td>首页</td>
                                        <td>2018-05-23</td>
                                        <td>50</td>
                                        <td>
                                            <button onclick="pushModal()" type="button" class="btn btn-xs btn-success">推送</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>网站交易页BANNER</td>
                                        <td>四瓶肥仔快乐水</td>
                                        <td>
                                            <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2410045890,2232835270&fm=27&gp=0.jpg" width="50px">
                                        </td>
                                        <td>https://www.baidu.com</td>
                                        <td>首页</td>
                                        <td>2018-05-23</td>
                                        <td>50</td>
                                        <td>
                                            <button onclick="pushModal()" type="button" class="btn btn-xs btn-success">推送</button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <dl class=" pull-right">
                                <ul class="pagination" id="page2"></ul>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 推送位置弹框 -->
        <div class="modal fade" id="lookDetailsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">推送位置</h4>
                    </div>
                    <div class="modal-body row">
                        <table class="table table-bordered table-center">
                            <thead>
                                <tr>
                                    <th width="40px" class="text-center">
                                        <input id="head-selectAll" class="selectAll" type="checkbox" name="selectAll">
                                    </th>
                                    <th>推送位置</th>
                                    <th>排序</th>
                                    <th>添加时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="chooseFruit" value="1">
                                    </td>
                                    <td>首页</td>
                                    <td>50</td>
                                    <td>2018-06-01</td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="chooseFruit" value="1">
                                    </td>
                                    <td>网站交易</td>
                                    <td>50</td>
                                    <td>2018-06-01</td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" class="chooseFruit" value="1">
                                    </td>
                                    <td>网站资讯</td>
                                    <td>50</td>
                                    <td>2018-06-01</td>
                                </tr>
                            </tbody>
                        </table>
                        <div>
                            <span class=" pull-right">
                                <ul class="pagination" id="page4"></ul>
                            </span>
                        </div>
                    </div>
                    <div class="modal-footer" style="text-align: center;">
                        <button type="button" class="btn push-btn btn-default w100" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn push-btn btn-primary w100" onclick="getCheckData()">推送</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/content2.min.js?v=1.0.0"></script>
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
    <script src="libs/layui/layui.js"></script>
    <script type="text/javascript" src="libs/page/pager.js"></script>
    <script type="text/javascript">
    $(function() {
        Page({
            num: 20, //页码数
            startnum: 0, //指定页码
            elem: $('#page1'), //指定的元素
            callback: function(n) { //回调函数
                console.log(n);
            }
        });
        Page({
            num: 20, //页码数
            startnum: 0, //指定页码
            elem: $('#page2'), //指定的元素
            callback: function(n) { //回调函数
                console.log(n);
            }
        });
        layui.use('element', function() {
            var element = layui.element;
        });


    })

    function pushModal() {
        $('#lookDetailsModal').modal('show');
    }

    // 选择列表
    function selectMethod(value){
         console.log(value)
    }


    // 全选、反选

    $("#head-selectAll").click(function() {
        setCheckBox(!$(this).is(':checked'));
    });

    function setCheckBox(state) {
        if (state) {
            $('.chooseFruit').each(function() {
                $(this).prop("checked", false);
            });
        } else {
            $('.chooseFruit').each(function() {
                $(this).prop("checked", true);
            });
        }
    }
    $(".chooseFruit").click(function() {
        $('.chooseFruit').each(function(i) {
            if (!$(this).is(':checked')) {
                $("#head-selectAll").prop("checked", false);
                return false
            }
            if (i + 1 == $('.chooseFruit').length) {
                $("#head-selectAll").prop("checked", true);
            }
        });

    });

    function getCheckData() {
        var arr = new Array();
        $('.chooseFruit:checked').each(function(i) {
            arr[i] = parseInt($(this).val());
        });
        console.log(arr);
    }
    </script>
</body>
<!-- Mirrored from www.zi-han.net/theme/hplus/empty_page.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:52 GMT -->

</html>